var divs = document.getElementById('ApBox');
var divs1 = document.getElementById("Aps");
var divs2 = document.getElementById("Apt");
divs2.innerHTML = divs1.innerHTML;

function scrollTops() {
	if (divs.scrollTop >= divs1.scrollHeight) {
		divs.scrollTop = 0;
	} else {
		divs.scrollTop++;
	}
}
var time = 50;
var myscro = setInterval('scrollTops();', time);

divs.onmouseover = function() {
	clearInterval(myscro);
}
divs.onmouseout = function() {
	myscro = setInterval('scrollTops();', time);
}




function post() {
	document.getElementById("post").style.display = "block";
}
//用数组保存图像信息
var tou = ["img/luntan01.jpg", "img/luntan02.jpg", "img/luntan03.jpg", "img/luntan04.jpg", "img/luntan05.jpg"];
//点击发布按钮，调用函数postSuccess()
function postSuccess() {
	//创建用来显示帖子的<li>列表项
	var newLi = document.createElement("li");
	//设置该列表的背景为aliceblue
	newLi.style.backgroundColor = "aliceblue";
	//产生随机数，取整，然后作为数组下标，随机获取头像
	var iNum = Math.floor(Math.random() * 5);
	//创建头像所在的<div>节点
	var iDiv = document.createElement("div");
	// 创建头像节点img
	var img = document.createElement("img");
	//通过setAttribute()方法设置头像的路径
	img.setAttribute("src", tou[iNum]);
	//将头像节点插入div节点中
	iDiv.appendChild(img);
	//创建标题所在的标签h1
	var h1 = document.createElement("h1");
	//获取帖子中输入的标题信息
	var imess = document.getElementById("title").value;
	//将标题内容放在h1标签中
	h1.innerHTML = imess;
	//创建一个新的p节点元素
	var p1 = document.createElement("p");

	//创建一个<span>标签，用来存放板块信息
	var span1 = document.createElement("span");
	//获取帖子中选择的板块内容
	var content1 = document.getElementById("sec").value;
	//把版块内容放到span中
	span1.innerHTML = "版块:".bold() + content1;
	//获取当前日期对象
	var date = new Date();
	var seconds = date.getSeconds();
	seconds = (seconds < 10 ? '0' + seconds : seconds);
	//获取当前发帖时间，并保存在变量里
	var currentDate = date.getFullYear() + "-" + date.getMonth() + "-" + date.getDate() + " " + date.getHours() +
		":" + date.getMinutes() + ":" + seconds;
	//创建一个<span>标签，用来存当前时间
	var span2 = document.createElement("span");
	//把时间放到span中
	span2.innerHTML = "创建时间:" + currentDate;
	//在p节点中插入版块
	p1.appendChild(span1);
	//在p节点中插入发布时间
	p1.appendChild(span2);
	//创建一个新的p节点元素
	var p2 = document.createElement("p");
	//获取帖子中输入的内容
	var content2 = document.getElementById("content").value;
	//将内容插入到p元素中
	p2.innerHTML = content2;
	//在列表项中插入图像
	newLi.appendChild(iDiv);
	//在列表项中插入标题
	newLi.appendChild(h1);
	//在列表项中插入版块内容
	newLi.appendChild(p1);
	//在列表项中插入帖子内容
	newLi.appendChild(p2);
	//把当前内容插入到列表最前面
	var postList = document.getElementById("postList");
	postList.insertBefore(newLi, postList.firstChild);

	//讲帖子中的标题、板块清空
	document.getElementById("title").value = "";
	document.getElementById("sec").value = "default";
	document.getElementById("content").value = "";
	//发帖表单隐藏，改变display属性的值为“none”在页面上隐藏.post的<div>表单；
	document.getElementById("post").style.display = "none";



}
var modal=document.querySelector('.post')

modal.addEventListener("mousedown", function(e) {
	// 当鼠标按下，获取鼠标在模态框中的坐标；
	var x = e.pageX - modal.offsetLeft;
	var y = e.pageY - modal.offsetTop;
	// 定义事件回调函数
	var move = function(e) {
		modal.style.left = e.pageX - x + 'px';
		modal.style.top = e.pageY - y + 'px';
	};
	// 鼠标按下，触发鼠标移动事件，调用move函数
	document.addEventListener("mousemove", move);
	// 鼠标抬起，移除鼠标移动事件
	document.addEventListener("mouseup", function(e) {
		document.removeEventListener("mousemove", move);
	});


});
